<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动ing</title>
</head>

<body class="pr">
    <!-- 第一栏 -->
    <div class="pa df first aic">
        <div class="first-top">
            <p class="mb10">户外跑</p>
            <h4 class="fs24 cwhite fwn">运动中</h4>
        </div>
        <div class="first-bot">
            <span class="iconfont icon-yinle"></span>
            <span class="iconfont icon-shezhi1"></span>
        </div>
    </div>
    <!-- 第二栏 -->
    <div class="second pa cwhite">
        <p class="fs20"><span class="runNum">99.99</span>公里</p>
    </div>
    <!-- 第三栏 -->
    <div class="third pa df aic">
        <p class="fs14">GPS信号度低, 数据精准度低</p>
        <div class="xian"></div>
        <span class="iconfont cwhite icon-dizhi map"></span>
    </div>
    <!-- 第四栏 -->
    <div class="four pa">
        <ul class="df iconlist cwhite">
            <li class="df fdc jcc aic">
                <span class="iconfont icon-sudu"></span>
                <p>配速</p>
                <span class="record fs30">--</span>
            </li>
            <li class="df fdc jcc aic">
                <span class="iconfont icon-shijian"></span>
                <p>用时</p>
                <span class="record fs30">00:00:20</span>
            </li>
            <li class="df fdc jcc aic">
                <span class="iconfont icon-huo"></span>
                <p>千卡</p>
                <span class="record fs30">3000</span>
            </li>
        </ul>
    </div>
    <!-- 第五栏 -->
    <div class="five pa df aic jcc">
        <div class="stoB">
            <div class="stop pa df aic">
                <div class="pa df fdc aic jcc stopB">
                    <span class="iconfont stopBtn icon-zanting"></span>
                    <span>暂停</span>
                </div>
                <span class="iconfont icon-suo sou pa cwhite"></span>
            </div>
        </div>

        <div class="staB">
            <div class="sta df">
                <div class="start df fdc jcc aic">
                    <span class="iconfont icon-kaishi1"></span>
                    <span>继续</span>
                </div>
                <div class="close df fdc jcc aic">
                    <span class="iconfont icon-guanbi"></span>
                    <span>结束</span>
                </div>
            </div>
        </div>


    </div>


</body>

</html>